<!DOCTYPE html>
<html>
<head>
    <title>摄像头信息</title>
	<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="./plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="./plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="./plugins/select2/select2.min.css">
<link rel="stylesheet" href="./css/main.css">

</head>
<body>
<div id="rrapp" class="margin-padding15" v-cloak>
    <div v-show="showList">   
        <div class="grid-btn">
        	<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="设备序列号">
			</div>
			<a class="btn btn-blue" @click="query">查询</a>
            <a class="btn btn-info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            <a class="btn btn-warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            <a class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div id="addLayer" v-show="!showList" class="">
        <form id="ajaxForm" class="form-horizontal">
        	 <div class="form-group">
                        <div class="col-sm-2 control-label">设备序列号</div>
                        <div class="col-sm-10">
                            <input type="text" required="required" class="form-control" v-model="bussCameraInfo.serialNum" name="serialNum" placeholder="设备序列号"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">设备验证码</div>
                        <div class="col-sm-10">
                            <input type="text" required="required" class="form-control" v-model="bussCameraInfo.authCode" name="authCode" placeholder="设备验证码"/>
                        </div>
                    </div>    
														                    <div class="form-group">
                        <div class="col-sm-2 control-label">田块</div>
                        <div class="col-sm-10">
                        	<select v-select2="" v-model="bussCameraInfo.farmlandInfoId" style="width: 100%">
							<option value="">请选择田块</option>
							<option v-for="tm in tklist" :value="tm.id">{{tm.name}}</option>					
						</select>		
                            <!-- <input type="text" class="form-control" v-model="bussCameraInfo.farmlandInfoId" name="farmlandInfoId" placeholder="田块"/> -->
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">安装位置</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="bussCameraInfo.position" name="position" placeholder="安装位置"/>
                        </div>
                    </div>											                               
											                    <!-- <div class="form-group">
                        <div class="col-sm-2 control-label">排序编号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="bussCameraInfo.orderNum" name="orderNum" placeholder="排序编号"/>
                        </div>
                    </div> -->
											                  
							        </form>
    </div>
    
    
     <div id="auditLayer" style="display: none">
     	<div style="width:660px">
		    <video
		    id="myPlayer"	   
		    autoplay
		    controls
		    width="655"
	 		height="350"
		    playsInline 
		    webkit-playsinline
		  	>
		  		<source id="source123" type="" />
		  	</video>
	  	</div>
	  	<div style="width:660px">
	  		<a class="btn btn-blue" @mousedown="changan(0)" @mouseup="songkai(0)" @mouseout="getOut()">上</a>
		  	<a class="btn btn-blue" @mousedown="changan(1)" @mouseup="songkai(1)" @mouseout="getOut()">下</a>
		  	<a class="btn btn-blue" @mousedown="changan(2)" @mouseup="songkai(2)" @mouseout="getOut()">左</a>
		  	<a class="btn btn-blue" @mousedown="changan(3)" @mouseup="songkai(3)" @mouseout="getOut()">右</a>
		  	<a class="btn btn-blue" @mousedown="changan(4)" @mouseup="songkai(4)" @mouseout="getOut()">左上</a>
		  	<a class="btn btn-blue" @mousedown="changan(5)" @mouseup="songkai(5)" @mouseout="getOut()">左下</a>
		  	<a class="btn btn-blue" @mousedown="changan(6)" @mouseup="songkai(6)" @mouseout="getOut()">右上</a>
		  	<a class="btn btn-blue" @mousedown="changan(7)" @mouseup="songkai(7)" @mouseout="getOut()">右下</a>
		  	<a class="btn btn-blue" @mousedown="changan(8)" @mouseup="songkai(8)" @mouseout="getOut()">放大</a>
		  	<a class="btn btn-blue" @mousedown="changan(9)" @mouseup="songkai(9)" @mouseout="getOut()">缩小</a>
		  	<a class="btn btn-blue" @mousedown="changan(10)" @mouseup="songkai(10)" @mouseout="getOut()">近焦距</a>
		  	<a class="btn btn-blue" @mousedown="changan(11)" @mouseup="songkai(11)" @mouseout="getOut()">远焦距</a>		  	
	  	</div>  	  	      		    
    </div>
</div>
<script src="./libs/jquery.min.js"></script>
<script src="./plugins/layer/layer.js"></script>
<script src="./libs/bootstrap.min.js"></script>
<script src="./libs/vue.min.js"></script>
<script src="./plugins/jqgrid/grid.locale-cn.js"></script>
<script src="./plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="./plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="./plugins/select2/select2.min.js"></script>
<script src="./plugins/laydate/laydate.js"></script> 
<script src="./js/common.js"></script>
<script src="./plugins/validate/jquery.validate.js"></script>
<script src="./plugins/validate/validate-methods.js"></script>
<script src="./plugins/validate/messages_zh.js"></script>
<script src="./js/ezuikit.js"></script>
<script src="./js/modules/buss/busscamerainfo.js"></script>
<script type="text/javascript">
var gbzntapi = "";
var userCenterApi = "http://127.0.0.1:8088/";
var systemId = "3";
</script>
</body>
</html>
